﻿<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>搜索页面</title>
<script type="text/javascript" src="js/vendor/jquery.1.7.2.min.js"></script>
<script type="text/javascript" src="js/tytabs.jquery.min.js"></script>
<script type="text/javascript">
    <!--
    $(document).ready(function(){
    	$("#tabsholder2").tytabs({
    							prefixtabs:"tabz",
    							prefixcontent:"contentz",
    							classcontent:"tabscontent",
    							tabinit:"3",
    							catchget:"tab2",
    							fadespeed:"normal"
    							});
    });
-->
</script>
<link href="css/styles-sousuo.css" rel="stylesheet" type="text/css" />


</head>

<body>
    <div class="top">
            <input type="text" class="chazhao" id="chazhao" placeholder="Found what you want..."/>
            <div><input value="提交" id="loginbtn" style="color:#fff;padding: 10px 10% 11px;font-size:14px" type="button" ></div>
        </div>
<div class="center">
    <!-- Tabs2 -->
    <div id="tabsholder2">
        <ul class="tabs">
            <li id="tabz1">视频</li>

            <li id="tabz2">文章  blog</li>
            <li id="tabz3">用户</li>
            <li id="tabz4">其他</li>
        </ul>
        <div class="contents marginbot">
            <div id="contentz1" class="tabscontent">
                <div style="height:100px;width:100px;background:red;"><a href="http://www.baidu.com">qwe</a></div>
			</div>

            <div id="contentz2" class="tabscontent">
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-wenzhang">
                       
                        <div class="wenzhang-xinxi">
                            
                            <div class="wenzhang-biaoti">这是文章标题</div>
                            <div class="wenzhang-formation">
                                <div class="wenzhang-author">章天锋</div>
                                <div class="wenzhang-zhongjian">发表于</div>
                                <div class="wenzhang-time">2014-7-17</div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>                
            </div>
            <div id="contentz3" class="tabscontent">
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>
                    <div class="sousuo-yonghu">
                       
                        <div class="yonghu-xinxi">
                            <div class="yonghu-formation">
                                <div class="yonghu-name">
                                    章天锋
                                </div>
                                <div class="yonghu-age">age:20</div>
                                <div class="yonghu-email">
                                    ztf1577833978@163.com
                                </div>
                            </div>
                        </div>

                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
                    </div>                 
            </div>
            <div id="contentz4" class="tabscontent">
            <div style="height:100px;width:100px;background:blue;"><a href="http://www.baidu.com">qwe</a></div>
            </div>
        </div>
    </div>
    <!-- /Tabs2 -->
</div>
<script type="text/javascript" >


function ResizeImages()
{
   var myimg,oldwidth,oldheight;
   var maxwidth=550;
   var maxheight=880
   var imgs = document.getElementById('article').getElementsByTagName('img');  

   for(i=0;i<imgs.length;i++){
     myimg = imgs[i];

     if(myimg.width > myimg.height)
     {
         if(myimg.width > maxwidth)
         {
            oldwidth = myimg.width;
            myimg.height = myimg.height * (maxwidth/oldwidth);
            myimg.width = maxwidth;
         }
     }else{
         if(myimg.height > maxheight)
         {
            oldheight = myimg.height;
            myimg.width = myimg.width * (maxheight/oldheight);
            myimg.height = maxheight;
         }
     }
   }
}
ResizeImages();
</script>
</body>
</html>